<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core" 
  xmlns:p="http://primefaces.org/ui" 
  xmlns:h="http://java.sun.com/jsf/html" 
  xmlns:pr="http://java.sun.com/jsf/composite/totororo"
  template="template_front.xhtml">
  <ui:define name="content">  

 	<h1> <h:outputText value="#{strings['contact.FormulaireContact']}" /> </h1>
 	<div class="contact">
 	
 	 <p:growl id="contact2" />
 	  
 	<p:panelGrid columns="2"> 
 		<h:form id="contact"  column="1" rows="2">  
 		   		     	
	     	<h:outputLabel for="nom" value="#{strings['contact.name']}" />
	     	<p:inputText id="nom" value="#{emailController.client.nom}" required="true" requiredMessage="Contact: Veuillez saisir un nom" />

	     	
	     	<h:outputLabel for="prenom" value="#{strings['contact.subname']}" />
	     	<p:inputText id="prenom" value="#{emailController.client.prenom}" required="true" requiredMessage="Contact: Veuillez saisir un prenom"/>
	     		     	
	     	<h:outputLabel for="email" value="#{strings['contact.email']}" />
	     	<p:inputText id="email" value="#{emailController.client.email}" required="true" requiredMessage="Contact: Veuillez saisir un email"/>
	     	
	     	<h:outputLabel for="adresse" value="#{strings['contact.adress']}" />
	     	<p:inputText id="adresse" value="#{emailController.client.adresse}" required="true" requiredMessage="Contact: Veuillez saisir une adresse"/>

	     	<h:outputLabel for="telephone" value="#{strings['contact.number']}" />
	     	<p:inputText id="telephone" value="#{emailController.client.telephone}" required="true" requiredMessage="Contact: Veuillez saisir un telephone"/>

			<h:outputLabel for="zone" value="#{strings['contact.textarea']}" />
			<p:inputTextarea  id="zone" value="#{emailController.contenu}" required="true" rows="6" cols="33" requiredMessage="Contact: Veuillez saisir une description"/> 
    
		      <h:commandButton action="#{emailController.contact}" value="#{strings['contact.send']}" update="contact2">
		      </h:commandButton> 
			     		     	
	     	<h:message for="login"></h:message>
	   		<h:messages globalOnly="true"/>
	   			   		
		</h:form>
	</p:panelGrid>
 	</div>
	  
  </ui:define>
</ui:composition>
